<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body ng-app>
    <input type="text" ng-model="user_input">
    <p>您输入的内容是：<span>{{user_input}}</span></p>

    <!-- 引入angularjs -->
    <script type="text/javascript" src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</body>
</html>
<!-- 
    ng-app:告诉angualar核心它管理当前标签所包含的整个区域
            并且会自动创建$rootScope根作用域对象

    ng-model：将当前输入框的值与谁关联（属性名：属性值）
              并作为当前作用域对象（$rootScope）的属性
              {{}}（表达式）：显示数据，从作用域对象的指定属性名上取

    1.表达式：通常有一个返回值，可以放在任何需要值的地方
              比如，函数调用的参数，一个变量名，一个运算
    2.语句：通常表示一个完整的执行单位，一段完整的js可执行的代码
            有的语句也可以用表达式来执行，叫做表达式语句
    3.区别：语句使用封号结尾，有些语句我们没有加封号
            比如：console.log()虽然没有封号，但也是语句
            js引擎在解析代码的时候会自动加上封号 
 -->

 